<template>
  <div id="app">
    <transition name='ani'>
      <router-view class="page" />
    </transition>
  </div>
</template>

<style lang="scss">
*{
  padding: 0;
  margin: 0;
}
#app{
  position: relative;
}
.page{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.ani-enter{
  transform:translate(100%)
}
.ani-enter-active,.ani-leave-active  {
  transition: all 1s;
}
.ani-leave-to{
  transform: translat e(-100%) scale(0) rotate(-180deg);
  opacity: 0;
}












</style>
